<template>
  <view class="tutorial">
    <view class="list" v-for="(item, index) in radioList" :key="index">
      <view class="text1">
        {{index+1}}.{{item.text}}
      </view>
      <view class="img">
        <video id="myVideo" :src="item.url" enable-danmu danmu-btn controls></video>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      radioList: [
        {text: '社区电商商户或代理如何加盟入驻--企业申请？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '社区电商商户或代理如何加盟入驻--个人申请？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '如何申请开通社区电商易生聚合收款码？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '如何申请开通社区电商银联聚合收款码？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '如何进行企业的营业执照的补充认证？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '如何查看社区电商账户收益？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '如何提取账户内的余额？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
        {text: '如何使用平台赠送的名额及辅助商户加盟入驻？', url: 'http://img.cdn.qiniu.dcloud.net.cn/wap2appvsnative.mp4'},
      ]
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
.tutorial {
  padding: 100rpx 30rpx;
  background-color: #FFFFFF;
  .list {
    margin-bottom: 48rpx;
    .text1 {
      font-size: 32rpx;
      font-family: PingFangSC-Regular,PingFang SC;
      font-weight: 400;
      color: rgba(51,51,51,1);
      margin-bottom: 30rpx;
    }
    .img {
      width: 100%;
      height: 382rpx;
      uni-video {
        width: 100%;
        height: 100%;
      }
    }
  }
}
</style>
